<template>
    <div>
        <Socket :loginReq="customerLogin" target="boss">
            <div style="color:blue">
                客户
            </div></Socket>
        <Socket :loginReq="bossLogin" target="customer">
            <div style="color:red">
                客服
            </div>
        </Socket>
    </div>
</template>
<script>
import Socket from './Socket';
import {LoginPackage} from '../Bean'
export default {
    data:function(){
        return {
            customerLogin:new LoginPackage('customer'),
            bossLogin:new LoginPackage('boss')
        }
    },
    components:{
        Socket
    }
}
</script>
<style scoped>
.test{
    width: 50%;
    display: inline-block;
}
</style>